<template>
	<view>
		<view class="zhezhao"></view>
		<view class="count">
			<view class="count-box">
				<view class="title">{{wd_totalIntegral}}积分</view>
				<view class="msg">恭喜您收到{{wd_total}}笔积分奖励，合计{{wd_totalIntegral}}积分，购买门店商店可抵扣现金！</view>
				<view class="button">去查看</view>
			</view>
			<view class="count-icon">
				<uni-icons type="closeempty" color="#fff" size="26"></uni-icons>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		name:"jifen_pop",
		props:['wd_totalIntegral','wd_total'],
		data() {
			return {
				integerTotal:2,
			};
		},
		created() {
			
		},
		methods:{
			
			go_jf_detail() {
				this.$emit('downPop');
				var that = this;
				that.$javaApiTwo.doRequest("post","/customerkt/integral/myIntrgral",{},'json').then(res=>{
					if(res.data.code == 0){
						uni.navigateTo({
							url:'/pages/my/integral_detail?integerTotal='+res.data.data.integerTotal
						})
						
					}
				})
			},
		}
	}
</script>

<style>
   .zhezhao{
	   width: 100vw;
	   height: 100vh;
	   background-color: #000000;
	   opacity: 0.5;
   }
   .count{
	   width: 750upx;
	   height: 830upx;
	   position: fixed;
	   top: 50%;
	   left: 50%;
	   transform: translate(-50%,-50%);
	   z-index: 10;
	   background-image: url(https://wechat-pictures-1301970825.file.myqcloud.com/yangji/fuli/home_bg_jifen.png);
	   background-size: 100% 100%;
	   display: flex;
	   justify-content: center;
   }
   .count-box{
	   width: 396upx;
	   margin-top: 210upx;
   }
   .count-box .title{
	   width: 100%;
	   font-size: 66upx;
	   color: #FFE5A7;
	   font-weight: 600;
	   text-align: center;
	   margin-bottom: 30upx;
   }
   .count-box .msg{
	   font-size: 38upx;
	   color: #fff;
	   font-weight: 400;
	   line-height: 53upx;
	   text-indent: .3cm;
   }
   .count-box .button{
	   width: 268upx;
	   height: 86upx;
	   background: linear-gradient(140deg, #FFE5A7 0%, #FFBA55 100%);
	   border-radius: 43upx;
	   text-align: center;
	   line-height: 86upx;
	   font-size: 40upx;
	   color: #CE7B00;
	   margin: 0 auto;
	   margin-top: 140upx;
   }
   .count-icon{
	   width: 76upx;
	   height: 76upx;
	   box-sizing: border-box;
	   border: 4upx solid #fff;
	   display: flex;
	   align-items: center;
	   justify-content: center;
	   border-radius: 50%;
	   position: absolute;
	   bottom: -50upx;
   }
   
</style>
